<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动添加</title>
    <script src="/static/bflow/assets/js/scriptLib.js"></script>
    <!-- bootstrap-chosen -->
    <link rel="stylesheet" href="/static/bflow/assets/components/bootstrap4c-chosen/css/component-chosen.min.css">
    <script src="/static/bflow/assets/components/bootstrap4c-chosen/chosen.jquery.js"></script>
    <!-- bootstrap-validator -->
    <script src="https://cdn.bootcss.com/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
    <script src="/static/bflow/assets/js/bflow/actForm.js"></script>
</head>
<body>
<div class="container">
    <div class="page-header">
        <h1 id="title"><span class="title">活动添加</span>
            <small><a href="/static/bflow/ui/define/actList.html" class="btn btn-outline btn-default">返回列表</a></small>
        </h1>
    </div>
    <form id="inputForm" role="form" class="form-horizontal">
        <div class="row">
            <div class="form-group">
                <label class="col-sm-3 control-label text-right">活动标识<span class="required">*</span>：</label>
                <div class="col-sm-5">
                    <input type="hidden" name="id"  id="id" />
                    <input type="text" name="key" pattern="^[_A-z]{1,}$" class="form-control" placeholder="请输入活动标识" required>
                    <span class="help-block m-b-none">唯一标识，使用英文命名</span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">活动名称<span class="required">*</span>：</label>
                <div class="col-sm-5">
                    <input type="text" name="name" class="form-control" placeholder="请输入活动名称" required >
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">参与者类型<span class="required">*</span>：</label>
                <div class="col-sm-5">
                    <label class="radio-inline">
                        <input type="radio" name="assigneeType" required value="USER_ID">
                        <span class="radio-label">指定用户</span>
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="assigneeType" required value="ROLE_KEY">
                        <span class="radio-label">指定角色</span>
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="assigneeType" required value="ASSIGN_USER_ID">
                        <span class="radio-label">手动分派用户</span>
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="assigneeType" required value="ASSIGN_ROLE_KEY">
                        <span class="radio-label">手动分派角色</span>
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">参与者标识：</label>
                <div class="col-sm-3">
                    <input type="text" id="assignee" name="assignee" class="form-control" placeholder="请右侧选择" style="display: none">
                </div>
                <div class="col-sm-2">
                    <select id="roleList" class="form-control" style="display: none;"></select>
                    <select id="userList" class="form-control form-control-chosen" style="display: none;"></select>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">描述：</label>
                <div class="col-sm-5">
                    <textarea name="desc" class="form-control" placeholder="请输入活动️描述"  maxlength="200"></textarea>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label text-right">状态<span class="required">*</span>：</label>
                <div class="col-sm-9">
                    <label class="radio-inline">
                        <input type="radio" value="1"  name="status" required>
                        <span class="radio-label">可用</span>
                    </label>
                    <label class="radio-inline">
                        <input type="radio" value="0" name="status" required>
                        <span class="radio-label">不可用</span>
                    </label>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-12 col-sm-offset-3">
                    <button class="btn btn-primary" type="submit">保存内容</button>
                </div>
            </div>
        </div>
    </form>
</div>
</body>
</html>

